<template>
  <footer>
    <div>
      <van-tabbar v-model="active" route>
        <van-tabbar-item
          v-for="(l, i) in FootList"
          :key="i"
          :name="l.name"
          :icon="l.ico"
          :to="{ name: l.name }"
        >
          <span>{{ l.text }}</span>
        </van-tabbar-item>
      </van-tabbar>
    </div>
  </footer>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      flag: false,
      shop:'shop'
    };
  }
};
</script>




<style lang="scss" scoped>
footer {
  width: 100%;
  height: 45px;
  left: 0;
  bottom: 0;
  background: #fff;
  font-weight: 500;
  display: flex !important;
  z-index: 3000;
  border-top: 0.5px solid #b9b9b9;
}
</style>